<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chromatic——竞赛资讯</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <a id="sponsor">我是主办方</a>
    </nav>
    <!-- 主页顶部 -->
    <header>
        <img src="images/chromatic_logo.png" alt="Logo" class="logo">
        <div class="title">
            <h1 class="name">Chromatic</h1>
            <div class="motto">探索竞赛世界，释放你的潜力！</div>
        </div>
    </header>
    <!-- 分类竞赛模块 -->
    <section id="competitions-category">
        <h2>分类竞赛</h2>
        <!-- 在此处添加不同竞赛类型的模块 -->
        <ul>
            <li style="background-color: aquamarine"><a href="/classification.html?subject=工科类">工科类</a></li>
            <li style="background-color: deepskyblue"><a href="/classification.html?subject=理科类">理科类</a></li>
            <li style="background-color: beige"><a href="/classification.html?subject=文体类">文体类</a></li>
            <li style="background-color: gold"><a href="/classification.html?subject=商科类">商科类</a></li>
            <li style="background-color: salmon"><a href="/classification.html?subject=综合类">综合类</a></li>
            <li style="background-color: thistle"><a href="/classification.html?subject=其他">其他</a></li>
        </ul>
    </section>
    <!-- 最新竞赛模块 -->
    <section id="latest-competitions">
        <h2>最新竞赛</h2>
        <ul>
            <!-- 在此处添加最新竞赛的列表项 -->
            <li>全国大学生电子设计竞赛</li>
            <li>全国大学生数学建模竞赛</li>
            <li>中国大学生计算机设计大赛</li>
            <li>全国大学生嵌入式芯片与系统设计竞赛</li>
            <li>第三届福建省青少年科普创新实验大赛</li>
            <li>中国大学生计算机设计大赛</li>
        </ul>
    </section>
    <!-- 热门竞赛模块 -->
    <section id="popular-competitions">
        <h2>热门竞赛</h2>
        <ul>
            <!-- 在此处添加热门竞赛的列表项 -->
            <li><a href="https://gplt.patest.cn/regulation" target="_self">中国高校计算机大赛——团体程序设计天梯赛</a></li>
            <li><a href="http://nercbds.tsinghua.edu.cn/bdc/" target="_self">中国高校计算机大赛——大数据挑战赛</a></li>
            <li><a href="http://www.appcontest.net/" target="_self">中国高校计算机大赛——移动应用创新赛</a></li>
            <li><a href="http://net.c4best.cn/" target="_self">中国高校计算机大赛——网络技术挑战赛</a></li>
            <li><a href="https://developers.weixin.qq.com/community/competition" target="_self">中国高校计算机大赛——微信小程序应用开发赛</a></li>
            <li><a href="http://aicontest.baidu.com/" target="_self">中国高校计算机大赛——人工智能创意赛</a></li>
            <li><a href="http://hci.oppo.com/" target="_self">中国高校计算机大赛——智能交互创新赛</a></li>
        </ul>
    </section>
    <!-- 关于我们 -->
    <footer>
        <h3>关于我们</h3>
        <!-- 在此处添加关于我们的内容 -->
        <div class="about-us">我们致力于为竞赛爱好者提供最新的竞赛资讯、比赛信息和参赛经验分享。通过我们的平台，你可以探索各个领域的竞赛，释放自己的潜力，与志同道合的人共同进步。</div>
    </footer>
    <!-- 页脚 -->
    <footer>
        <p>版权所有 &copy; 2023 福建斯黄科技有限公司</p>
        <p>联系我们：contest@fzuenactus.org.cn</p>
        <!-- 在此处添加其他页脚链接 -->
    </footer>
</body>
</html>